// Thought
import "@/style/page/index.scss";
import { Button, Col, Row, Flex, Typography } from "antd";
import ThoughtTitle from "@/components/thoughtTitle";
const { Paragraph } = Typography;

const dataList = [
    {
        title: "精 诚",
        img: require("@/assets/index/thought_01.png"),
        span: 16,
        content: "以匠人精神铸就品质壁垒",
    },
    {
        title: "智 创",
        img: require("@/assets/index/thought_02.png"),
        span: 8,
        content: "用数字思维重构场景生态",
    },
    {
        title: "韧 行",
        img: require("@/assets/index/thought_03.png"),
        span: 8,
        content: "以持续进化应对行业变革",
    },
    {
        title: "共 生",
        img: require("@/assets/index/thought_04.png"),
        span: 8,
        content: "构建价值共享型伙伴关系",
    },
    {
        title: "敏 达",
        img: require("@/assets/index/thought_05.png"),
        span: 8,
        content: "建立需求穿透式服务链条",
    },
];
function Thought(props) {
    return (
        <div className="Thought">
            <div className="ThoughtContent">
                <Row gutter={[16, 16]}>
                    {dataList.map((item, index) => (
                        <Col span={item.span} key={"Thought_item" + index}>
                            <div
                                className="item"
                                style={{ backgroundImage: `url(${item.img})` }}
                            >
                                <div className="ThoughtTitleContentPro">
                                    <ThoughtTitle
                                        title={item.title}
                                        text={item.content}
                                    ></ThoughtTitle>
                                </div>
                            </div>
                        </Col>
                    ))}
                </Row>
            </div>
        </div>
    );
}

export default Thought;
